/**
 * Copyright 2025 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.panel-heading-container {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #363e45;
  padding-top: 5px;
  padding-bottom: 5px;

  .configure-title {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    width: 50%;

    .inactive-button {
      background: rgb(249 249 225) !important;
      box-sizing: border-box !important;
      border: 1px solid rgba(255, 119, 7, 0.5019607843) !important;
      color: rgb(255 119 7 / 93%) !important;
      cursor: pointer;
      outline: none;
      font-family: "Google Sans", sans-serif !important;
      font-size: 14px;
      font-weight: 500;
      margin: 0;
      min-width: 64px;
      line-height: 36px;
      padding: 0px 45px;
      height: 60%;
      margin-left: 2rem;
      border-radius: 48px !important;
      display: flex;
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: center;
      align-items: center;
    }

    .active-button {
      background: rgb(226 249 225) !important;
      box-sizing: border-box !important;
      border: 1px solid rgb(59 153 29 / 84%) !important;
      color: rgb(17 193 56 / 93%) !important;
      cursor: pointer;
      outline: none;
      font-family: "Google Sans", sans-serif !important;
      font-size: 14px;
      font-weight: 500;
      margin: 0;
      min-width: 64px;
      line-height: 36px;
      padding: 0px 45px;
      height: 60%;
      margin-left: 2rem;
      border-radius: 48px !important;
      display: flex;
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: center;
      align-items: center;
    }
  }

  .intent-buttons-container {
    display: flex;
    width: 45%;
    gap: 2%;
    justify-content: flex-end;
    padding-top: 1%;
    padding-bottom: 1%;

    .reset-button {
      background: white !important;
      box-sizing: border-box !important;
      border: 1px solid #4285F4 !important;
      color: #4285F4 !important;
      cursor: pointer;
      outline: none;
      font-family: 'Google Sans', sans-serif !important;
      font-size: 14px;
      font-weight: 500;
      margin: 0;
      min-width: 64px;
      line-height: 36px;
      padding: 0px 45px;
      height: 100%;
      border-radius: 48px !important;
      display: flex;
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: center;
      align-items: center;
    }

    .internal-spinner-container {
      height: 31px
    }
  }
}

.input-field-container {
  display: flex;
  flex-direction: row;
  gap: 2%;
  align-items: start;
  padding-left: 16px;
  padding-right: 16px;

  .intent-field {
    width: 50%;

    .my-icon {
        margin-right: 0.5rem;
        color: #005cbb;
        border-radius: 2rem;
        padding: 1rem;
    }
  }

  .prompt-field {
    width: 100%;
    height: 150px;
  }

  .ai-temperature-field {
    height: 100%;
    display: flex;
    align-items: center;
    width: 50%;
    flex-direction: column;
    justify-content: center;

    .ai-temperature-label-container {
      display: flex;
      width: 100%;
      justify-content: space-between;
    }
  }
}

.questions-field-container {
  height: 100%;

  .search-question-field {
    width: 100%;
    height: 100%;

    mat-icon {
        color: #363e45;
        cursor: pointer;
    }
  }
}

.add-question-button {
  padding-left: 16px;
  padding-right: 16px;
  color: #4285F4 !important;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}

.image-container {
  justify-content: center;
  display: flex;
  width: 90%;

  img {
      height: 47%;
      width: 47%;
  }
}

.delete-confirmation-text {
  font-family: 'Google Sans', sans-serif !important;
  font-style: normal;
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 20px;
  color: #161A1D;
}

.dialog-actions-container {
  padding-bottom: 2%;
  justify-content: center;
  display: flex;
  flex-direction: row;
  text-align: end;
  width: 100%;
  padding-right: 2%;

  .discard-button {
      color: rgba(92, 95, 97, 0.5);
      border: 1px solid rgb(92 95 97 / 28%);
      border-radius: 40px;
      box-shadow: none;
      letter-spacing: inherit;
  }

  .save-button {
      background: #4285F4;
      color: #fff;
      border-radius: 40px;
      box-shadow: none;
      letter-spacing: inherit;
  }

  .dialog-delete-button {
    border-radius: 30px;
    font-family: 'Google Sans', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: unset;
    box-shadow: none;
    color: #f70808;
    border: 1px solid #f70808;
}
}
